<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
    {{info.name}}
    {{info.age}}
    {{info.school}}
    <br>
    {{info}}
</div>
</body>
<script src="../lib/vue.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
<script>
    //
    new Vue({
        el: '#app',
        data: {
            info: {
                name: '',
                age: '',
                school: ''
            }
        },
        // 挂载时执行 ajax
        mounted() {
            axios.get('../data/info.json').then(response => {
                this.info.name = response.data.name
                this.info.age = response.data.age
                this.info.school = response.data.school
            })
        }
    })
</script>
</html>